.work {
  // 日常工作上半拉
  .work1 {
    display: flex;
    justify-content: space-evenly;
    height: 50%;

    .box {
      width: 32.8%;
      height: 400px;
      background-color: #ffffff;
      margin-top: 11px;
      // background-color: #f8f8f8;

      // 通知公告
      .box_title {
        height: 39px;
        border-bottom: 2px solid #ebebeb;
        display: flex;
        justify-content: space-between;
        align-items: center;

        div {
          margin-left: 15px;
          margin-right: 15px;
        }

        .title_name {
          color: #5377b6;
        }

        .title_src {
          //   color: red;
        }
      }

      // 单个方块内容 第一个
      .box_content {
        height: calc(100% - 39px);

        ul {
          padding-left: 16px;
        }

        ul li {
          list-style: none;
          display: flex;
          justify-content: space-between;
          line-height: calc(441px / 10);

          span {
            border: 3px solid red;
            height: 3px;
            padding-right: 5px;
            display: inline-block;
            border-top-color: #f8f8f8;
            border-right-color: #f8f8f8;
            border-bottom-color: #f8f8f8;
          }

          .a {
            color: black;
          }

          .a_active {
            color: antiquewhite;
          }

          .box_content_publish {
            padding-right: 8px;
          }
        }
      }

      // 图片新闻
      .box_news {
        // background-color: pink;
        height: calc(100% - 39px);
        width: 100%;

        .box_news_one {
          height: calc(100% / 3);
          background-color: rgb(248, 248, 248);
          // background-color: red;#eaf2ff
          display: flex;
          padding: 8px 10px;

          .box_news_left {
            flex: 2;
            background-color: red;

            img {
              width: 100%;
              height: 100%;
            }
          }

          // https://erpdemo.fanpusoft.com/UpLoader/News/公司运动会新闻.jpg
          .box_news_right {
            flex: 3;
            // background-color: #5377b6;
            margin-left: 10px;

            .box_news_right_top {
              display: flex;
              justify-content: space-between;
              height: 25px;

              .box_news_right_title {
                font-size: 14px;
                font-weight: bold;
              }

              .box_news_right_publish {
                font-size: 13px;
                color: #999;
              }
            }

            .box_news_right_bottom {
              height: calc(100% - 25px);
              // background-color: red;
              font-size: 13px;
              color: #999;

              p {
                line-height: 13px;
                font-size: 9px;
                width: 300px;
                overflow: hidden;
                text-overflow: ellipsis;
                /* 加省略号 */
                white-space: nowrap;
                /* 强制不换行 */
              }
            }
          }
        }
      }

      // 考勤打卡
      .box_timecard {
        height: calc(100% - 39px);

        .box_timecard_top {
          height: 35%;

          display: flex;

          .box_timecard_top_time {
            flex: 1;
            padding-left: 15px;
            padding-top: 15px;

            .datee {
              font-size: 13px;
            }

            .timee {
              font-size: 35px;
            }
          }

          .box_timecard_top_active {
            flex: 1;
            display: flex;
            text-align: center;
            flex-direction: column;
            .onpayload {
              border-bottom: 1px solid #2e6d9d;
              color: #2e6d9d;
              padding-top: 20px;
            }

            .button_active {
              font-size: 18px;
              padding-top: 0;
              margin-top: 10px;
              border-color: #e2edf6;
              background-color: white;
              border-radius: 10%;
            }
          }
        }

        .box_timecard_bottom {
          height: 65%;
          .box_timecard_bottom_all {
            display: flex;
            flex-direction: column;
            height: 100%;
            margin-left: 31%;
            width: 300px;
          }
          .box_timecard_bottom_one {
            margin-left: 15px;
            height: 50%;
            .box_timecard_bottom_one_top {
              height: 50%;
            }
            .box_timecard_bottom_one_bottom {
              height: 50%;
            }
            span {
              margin-left: 10px;
            }
          }
        }
      }
    }
  }

  // 日常工作下半拉
  .work2 {
    display: flex;
    justify-content: space-evenly;
    height: 50%;
    margin-bottom: 11px;
    div {
      display: flex;
      flex-direction: column;
      margin-top: 8px;
      background-color: #fff;
      width: 32.8%;
      height: 400px;
      // 顶部
      .work_top {
        flex-direction: row;
        width: 100%;
        margin: 0;
        display: flex;
        height: 38px;
        justify-content: space-between;
        padding: 0 15px;
        border-bottom: 3px solid #ebebeb;
        span {
          display: flex;
          align-items: center;
          color: #5377b6;
          font-weight: bold;
        }
        img {
          margin-top: 10px;
          display: flex;
          align-items: center;
          width: 38px;
          height: 22px;
        }
      }
      // 内容
      dl {
        display: flex;
        flex: 1;
        margin: 0;
        flex-direction: column;
        padding: 0 15px;
        dd {
          font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
          font-size: 12.5px;
          padding-top: 3px;
          padding-bottom: 5px;
          margin: 0;
          display: flex;
          align-items: center;
          color: #000;
          span:nth-child(2) {
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          span:nth-child(2):hover {
            color: #5377b6;
          }
          .aid {
            color: #e17009;
          }
          img {
            width: 14px;
          }
          span:nth-child(3) {
            width: 60px;
            color: #999;
          }
        }
      }
    }
  }
}

.ant-pro-card-body {
  padding: 0 !important;
  background-color: #eff0f2 !important;
}
